<template>
    <div id="app">
        <w-editor @exec="exec" @close="close"  :loading="loading">
            <div slot="left"  style="height: 100%">
                <w-progress></w-progress>
            </div>
            <div slot="right-bottom">
                <w-table-simple :headers="headers" :items="items" @first-column-click="firstColumnClick"></w-table-simple>
            </div>
        </w-editor>
    </div>
</template>

<script>

    export default {
        name: 'App',
        data(){
            return{
                headers:['id'],
                items:[
                    ['阿斯蒂芬阿斯顿发送到发斯蒂芬阿斯蒂芬啊','阿斯蒂芬阿斯顿发送到发斯蒂芬阿斯蒂芬啊','阿斯蒂芬阿斯顿发送到发斯蒂芬阿斯蒂芬啊','阿斯蒂芬阿斯顿发送到发斯蒂芬阿斯蒂芬啊']
                ],
                loading:true
            }
        },
        components: {
        },
        methods:{
            exec(script){
                this.loading = true

            },
            close(){
                this.loading = false
            },
            firstColumnClick(row){
                console.log(row)
            }
        }
    }
</script>

<style>
    html,
    body, #app {
        margin: 0;
        padding: 0;
        height: 100%;
        overflow: hidden !important;
    }

    #app {
        font-family: "Quicksand", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* 1 */

        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: 300;
    }
</style>
